<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style type="text/css">
    </style>
</head>
<body>
<!--border代表有无边框，没有border或border='0'-->

<!--
难点，
1.内容换行，内容挤压
2.表格嵌套表格，嵌套其他元素
3.thead tbody tfoot含义
-->
<table border="1" width="300">
    <caption>数据统计</caption>
    <tr>
        <th>列1</th>
        <th>列2</th>
        <th>列3</th>
    </tr>
    <tr>
        <td>手机充值、ip卡 </td>
        <td colspan="2">办公设备、文具</td><!--跨两列-->
    </tr>
    <tr>
        <td rowspan="2">各种卡的总汇</td><!--跨两行-->
        <td>铅笔</td>
        <td>彩笔</td>
    </tr>
    <tr>
        <td>打印</td>
        <td>刻录</td>
    </tr>
</table>

<h4>有单元格边距:</h4>
<table border="1"
       cellpadding="10"
       cellspacing="10">
    <tr>
        <td>First</td>
        <td>Row</td>
    </tr>
    <tr>
        <td>Second</td>
        <td>Row</td>
    </tr>
</table>

<table border="1"
       cellspacing="1">
    <tr>
        <td>First</td>
        <td>Row</td>
    </tr>
    <tr>
        <td>Second</td>
        <td>Row</td>
    </tr>
</table>
<script type="text/javascript">

    "use strict";
    /*function x(p1, p1) {};*/
    /*x = 3.14;*/
    /*
    * 复杂数据类型是引用传递
    * */
    /*var stu = {
        name:"tom",
        age:10
    }

    var stu2 = stu;
    stu2.name = "jack";
    alert(stu.name);*/

    /*
    * 简单数据类型值传递
    * */
    /*var str1 = "tome"
    var str2 = str1;
    var str2 = "jack";
    alert(str1);
    alert(str2);*/

    /*var a = 1;
    var b = '1';
    if (a==b){
        alert('yes');
    }*/

    /*var a = 1;
    a = a + '11';
    alert(typeof a);*/
</script>
</body>

</html>